<template>
	<view class="box">
		<scroll-view scroll-y="true" class="scroll-view-wrap"
			:style="'height: calc(100vh - '+curTop+'px );padding-bottom:120rpx;'">
			<!-- <view class="content">
				<image src="https://pic.bangbangtongcheng.com/853d71587f3b4e96852efeb47a60f93f" mode="widthFix" style="width: 100%;"></image>
				<view class="detail no-indent">车会员商家是与帮帮同城平台合作的会员商家，加入我们，成为平台商家有以下几个好处：</view>
				<view class="detail hh">
					1.巨大的潜在客户群体
				</view>
				<view class="detail">
					平台拥有庞大的用户基础和访问流量，商家可以通过平台的曝光度和用户，扩大知名度，吸引更多的潜在客户。
				</view>
				<view class="detail hh">

					2.扩大市场和客户群
				</view>
				<view class="detail">

					商家可以将自己的产品或服务推广给平台上已有的用户群体，从而增加曝光度和潜在客户数量。
				</view>
				<view class="detail hh">

					3.增加销售机会
				</view>
				<view class="detail">

					入驻商家可以利用平台的流量和用户基础，增加销售机会。
				</view>
				<view class="detail hh">

					4.降低营销成本
				</view>
				<view class="detail">

					平台会进行广告宣传、推广活动等，入驻商家可以共享平台的品牌知名度和市场推广资源，从而降低自身的营销成本。
				</view>
				<view class="detail hh">

					5.合作机会和联盟效应

				</view>
				<view class="detail">
					平台通常会组织各种合作活动和推广活动，商家成为平台商家后，可以参与这些活动并与其他商家建立合作关系，带来更多的曝光和互补优势，推动业务的发展。
				</view>
				<view class="detail hh">

					6.获得平台信誉和口碑
				</view>
				<view class="detail">

					平台会有一定的审核机制和评价系统，商家通过提供优质的产品和服务，可以获得用户的好评和信赖，进而增加用户的忠诚度和复购率。
				</view>
				<view class="detail">

					通过成为平台商家，商家可以获得平台的市场、客户群和服务，增加销售机会、降低成本、提升品牌曝光和信誉度，并享受平台提供的技术支持和数据分析等服务，从而实现业务的增长和发展，与平台合作共赢。
				</view>
				
				<view class="detail hh">

					帮帮同城期待您的加入
				</view>

			</view> -->
			<view class="content">
				<mp-html :content="data.content"></mp-html>
			</view>
		</scroll-view>
		<view class="bottom-btn" v-if="auditStatus&&showStatus">

			<button class="cu-btn audit-btn1">已提交申请，请耐心等待</button>

		</view>
		<view class="bottom-btn" v-if="!auditStatus&&showStatus"
			style="justify-content: space-between;padding: 0 40rpx;">
			<button class="cu-btn audit-btn2" @click="back">我再想想</button>
			<button class="cu-btn audit-btn2" @click.stop="become"
				style="background-color: #64B6A8;color: #ffffff;">我要加入</button>
		</view>
		<uniBall></uniBall>
	</view>
</template>

<script>
	/* <view class="inputBox"><view class="clause">
						<!-- #ifdef MP-WEIXIN -->
						<rich-text :nodes="giftData.giftDetails"></rich-text>
						<!-- #endif -->
						<!-- #ifndef MP-WEIXIN -->
						<p v-html="giftData.giftDetails"></p>
						<!-- #endif -->
					</view>
					<view class="clause">
						<!-- #ifdef MP-WEIXIN -->
						<rich-text :nodes="giftData.exchangeRules"></rich-text>
						<!-- #endif -->
						<!-- #ifndef MP-WEIXIN -->
						<p v-html="giftData.exchangeRules"></p>
						<!-- #endif -->
					</view></view> */
	import {
		mapGetters
	} from "vuex";

	export default {
		data() {
			return {
				curTop: 60,
				giftData: {},
				auditStatus: false,
				showStatus: false,
				userInfo: uni.getStorageSync("Pduser"),
				data: ''
			};
		},
		computed: {
			...mapGetters(["statusBarHeight1", "userinfo"])
		},
		onLoad() {
			this.queryUserAudit()
			this.getContent()
		},
		methods: {
			getContent() {
				let _this = this;
				_this.$myRequest
					.get("/mob/user/getText", {
						type: 9
					})
					.then(res => {
						this.data = res.list[0];
					});
			},
			queryUserAudit(cab) {
				this.$myRequest.get("/mob/user/getApplicationRecords", {
					userId: this.userInfo.id
				}).then(res => {
					// this.aboutList = res.activityCenterTabulation.pageList
					this.auditStatus = res.record&&res.record.auditStatus != 2
					this.becomeLoading = false
					this.showStatus = true
					// if(res.record&&res.record.auditStatus == 1){
					// 	this.showStatus = false
					// }
					cab&&cab()
				})

			},
			back() {
				uni.navigateBack({ //返回上一个页面
					delta: 1
				});
			},
			become() {
				if (this.becomeLoading) {
					return
				}
				this.becomeLoading = true
				this.$myRequest.post('/api/mobile/vehicleOwner/applyToBeMerchants', {
					userId: this.userInfo.id

				}, {}).then((res) => {
					// console.log(res)
					this.queryUserAudit(()=>{
						uni.showToast({
							title: '申请已提交，请您耐心等待平台回访',
							icon: 'none'
						})
					})
					// uni.$emit('addeventJoinMember')
					// uni.navigateBack({
					// 	delta: 1
					// })

				})
			},
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #fff;

	}

	.box {
		width: 100%;
		background-color: #fff;
		min-height: 100%;
		position: relative;

	}

	.bottom-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		width: 100%;
		left: 0;

		bottom: constant(safe-area-inset-bottom);
		bottom: env(safe-area-inset-bottom);
	}

	.content {
		padding: 24rpx 30rpx;
		
	}

	.detail {
		width: 100%;
		line-height: 36rpx;
		font-size: 26rpx;
		font-weight: 400;
		color: #333333;
		margin-bottom: 20rpx;
		text-indent: 2em;
		&.no-indent{
			text-indent: 0em;
		}
		&.hh{
			font-size: 30rpx;
			font-weight: 600;
			text-indent: 0em;
		}
	}

	.audit-btn1 {
		width: 534rpx;
		height: 80rpx;
		line-height: 80rpx;
		border-radius: 10rpx;
		opacity: 1;
		border: 2rpx solid #64B6A8;

		font-size: 34rpx;
		font-weight: 400;
		color: #64B6A8;

	}

	.audit-btn2 {
		width: 296rpx;
		height: 80rpx;
		line-height: 80rpx;
		background: #FFFFFF;
		border-radius: 49rpx;
		opacity: 1;
		border: 2rpx solid #64B6A8;

		font-size: 34rpx;
		font-weight: 400;

	}
</style>